<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<%@ page contentType="text/html;charset=windows-1252"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<f:view>
 <html>
  <head>
   <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"/>
   <title>altaUsuario</title>
   <script src="js/scripts.js" type="text/javascript"></script>
  </head>
  <body>
   <noscript>
    <h1 align="center">
     <h:outputText value="#{msj.javas}"/>
    </h1>
   </noscript>
    
   <h:form id="log" onsubmit="return procesaAlta()">
    <p>
     <h:outputText value="#{msj.altaUsuario}"/>
    </p>
    <p>
     <h:outputText value="#{msj.nombre}"/>
      
     <h:inputText id="nombre" value="#{usuario.nombre}" required="true">
      <f:validateLength minimum="4"/>
     </h:inputText>
      
     <h:message for="nombre" style="color:red"/>
    </p>
    <p>
     <h:outputText value="#{msj.apellidos}"/>
      
     <h:inputText id="apellidos" value="#{usuario.apellidos}" required="true">
      <f:validateLength minimum="4"/>
     </h:inputText>
      
     <h:message for="apellidos" style="color:red"/>
    </p>
    <p>
     <h:outputText value="#{msj.dni}"/>
      
     <h:inputText id="dni" value="#{usuario.dni}" required="true"/>
      
     <h:message for="dni" style="color:red"/>
    </p>
    <p>
     <h:outputText value="#{msj.direccion}"/>
      
     <h:inputText id="direccion" value="#{usuario.direccion}"/>
    </p>
    <p>
     <h:outputText value="#{msj.poblacion}"/>
      
     <h:inputText id="poblacion" value="#{usuario.poblacion}"/>
    </p>
    <p>
     <h:outputText value="#{msj.provincia}"/>
      
     <h:inputText id="provincia" value="#{usuario.provincia}"/>
    </p>
    <p>
     <h:outputText value="#{msj.pais}"/>
      
     <h:inputText id="pais" value="#{usuario.pais}"/>
    </p>
    <p>
     <h:outputText value="#{msj.cpostal}"/>
      
     <h:inputText id="cpostal" value="#{usuario.cpostal}"/>
    </p>
    <p>
     <h:outputText value="#{msj.correo}"/>
      
     <h:inputText id="email" value="#{usuario.email}" required="true"></h:inputText>
      
     <h:message for="email" style="color:red"/>
    </p>
    <p>
     <h:outputText value="#{msj.password}"/>
      
     <h:inputSecret id="pass" value="#{usuario.pass}" required="true">
      <f:validateLength minimum="4"/>
     </h:inputSecret>
      
     <h:message for="pass" style="color:red"/>
    </p>
    <p>
     <h:outputText value="#{msj.confirmpass}"/>
      
     <h:inputSecret id="confirm" value="#{usuario.confirmPass}" required="true">
      <f:validateLength minimum="4"/>
     </h:inputSecret>
      
     <h:message for="confirm" style="color:red"/>
    </p>
    <p>
     <h:commandButton value="#{msj.enviar}" type="submit"
                      action="#{usuario.registro}"/>
      
     <h:commandButton value="#{msj.limpiar}" type="reset"/>
    </p>
    <h:messages style="color:red"/>
    <div id="error"></div>
   </h:form>
  </body>
 </html>
</f:view>